<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
    <h1>表单</h1>
    <hr>
    <form action="http://www.lampbrother.net" method="post">
        <fieldset>
            <legend>表单</legend>
        用户名：<input name="name" type="text">
        密码：<input name="password" type="password"><br>
        性别：男<input name="sex" type="radio" value="man"> 女<input name="sex" type="radio" value="woman" id="" checked>
        #radio单选框 属性name的值是要一样，type一样都是radio value值不同 checked默认选中<br>
        你的兴趣是什么？<br>
        <hr>
        吃<input type="checkbox" name="habit" value="eat">
        睡<input type="checkbox" name="habit" value="sleep">
        玩<input type="checkbox" name="habit" value="play">
        看<input type="checkbox" name="habit" value="see">
        听<input type="checkbox" name="habit" value="lisent"><br>
        身份证正面:<input type="file" name="id"><br>
        暗传的数据：<input type="hidden" name="userid"><!--隐藏域--><br>
        提交：<input type="submit" ><br>
        重置：<input type="reset"><br>
        按钮：<input type="button" value="按钮"><br>
        登录按钮换成照片：<input type="image" src=login.png><br>
            </fieldset>
    </form>

    <h2>表单的其他属性</h2>

    <form>
        <fieldset>
            <legend>表单2</legend>
        用户名：<input name="name" type="text" size="50" maxlength="5"><!--size尺寸 maxlength最大长度--><br>
        公司：<input name="company" type="text" value="朗姿" readonly><!--readonly只读--><br>
        部门：<input name="company" type="text" value="研发" disabled><!--disabled根本不能选中--><br>
        您的学历是什么？
        <select name="xueli" >
           <option value="">大学</option>
            <option value="">中学</option>
            <option value="">小学</option>
            <option value="">幼儿园</option>
        </select><br>
        你修的哪个科目？
        <select name="kemu" >
            <optgroup label="理科">
                <option value="物理">物理</option>
                <option value="生物">生物</option>
                <option value="化学">化学</option>
             </optgroup>
            <optgroup label="文科"><!--标签-->
                <option value="政治">政治</option>
                <option value="历史">历史</option>
                <option value="地理">地理</option>
            </optgroup>
        </select>
            <br>
            <textarea cols="100" rows="20">文本域</textarea><!--文本域-->
            <br></br>
            <label for="man">男</label>
            <input type="radio" name="man" value="man" id="man"><!--label扩大选中范围-->
        </fieldset>
    </form>



<h1>作业</h1>
<hr>
    <form  >
        <fieldset>
            <legend>表格和表单的作业</legend>
        <table border="1" cellspacing="0">
        <tr>
            <td>用户名：</td>
            <td><input type="text" name="name"></td>
        </tr><br>
        <tr>
            <td>密码：</td>
            <td><input type="password" name="" maxlength="15"></td>
        </tr>
        <tr>
            <td>确认密码：</td>
            <td><input type="password"name="" ></td>
        </tr>
            <tr>
                <td>性别：</td>
                <td>
                    男<input type="radio" name="sex" value="man" checked>
                    女<input type="radio" name="sex" value="woman">
                </td>
            </tr>
            <tr>
                <td>您是什么学历？</td>
                <td>
                    <select>
                        <optgroup label="理科">
                        <option value="物理">物理</option>
                        <option value="化学">化学</option>
                        <option value="生物">生物</option>
                        </optgroup>
                        <optgroup label="文科">
                        <option value="政治">政治</option>
                        <option value="历史">历史</option>
                        <option value="地理">地理</option>
                        </optgroup>
                    </select>
                </td>
            </tr>
            <tr>
                <td>您有什么爱好？</td>
                <td>
                    看电视<input type="checkbox" name="television" value="television">
                    睡觉<input type="checkbox" name="sleeping" value="sleeping">
                    足球<input type="checkbox" name="football"value="football" >
                </td>
            </tr>
            <tr>
                <td>公司：</td>
                <td>
                    <input type="text" name="company" value="融贯" disabled>
                </td>
            </tr>
            <tr >
                <td align="center">个人评价</td>
                <td>
                    <textarea cols="26" rows="18"></textarea>
                </td>
            </tr>

        </table>
            <tr>
                <td>
                    <input type="reset">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit">
                </td>
            </tr>
        </fieldset>
    </form>
</body>
</html>